<template>
  info : {{ info }}
  <br />
  <button @click="btnClick">点击</button>
  <hr />
  <Son :title="info" @add="SonClick"></Son>
</template>

<script setup>
import { ref } from 'vue'
import Son from './Son.vue'

const info = ref('zjd')
const btnClick = () => {
  info.value += '1'
}
const SonClick = num => {
  console.log('父组件监听的事件', num)
}
</script>
<style scoped></style>
